body {
	font-family: 微软雅黑
}

.thumb {
	padding: 3px;
	padding-bottom: 0;
	text-align: center;
	width: 150px;
	height: 40px;
	background-color:red;
	overflow: hidden;
	position: relative;
}

.thumb img {
	border-radius: 3px;
}

.thumb-wrap {
	float: left;
	margin: 5px;
	background-color:White;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 150px;
	height: 40px;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
}

.thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
	font: 11px 微软雅黑, Helvetica, sans-serif;
	width: 126px;
}

.card-box{width: 185px;height: 60px;float: left;border: 1px solid #ccc;background-color: #fff;border-radius: 3px;margin-left: 10px;margin-top: 10px;overflow: hidden;position: relative;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;cursor: pointer;}
.card-box .x-item-selected{border: 2px solid #ff5d5b;padding:0 0px;background: url(../images/icons16/selected.png) right top no-repeat;}
.card-box-img{float: left;width: 60px;height: 60px;line-height: 58px;background-color: #EBEBEB;border-right: 1px solid #ccc;}
.card-box-img img{margin-left:9px; margin-top:6px; border-radius: 50%; width:40px; height:45px; }
.card-box-content{float: left;padding-left: 6px;padding-top: 2px; padding-bottom: 2px; }
.card-box-content div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 110px; margin-bottom:2px;  }

.cron_run_time{width: 180px;height: 30px;float: left;border-bottom: 1px solid #ccc; background-color: #fff; overflow: hidden;position: relative;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.cron_run_time div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 180px;line-height: 30px; text-align: center;  }

.x-item-over {
	border: 1px solid #dddddd;
	background: #efefef url(../images/icons16/over.gif) repeat-x left top;
	padding: 0px;
}

.x-item-selected {
	border: 1px solid #f00;
	background: #ffffff url(../images/icons16/selected.png) no-repeat right top;
	padding: 0px;
}

.x-item-selected .thumb {
	background: transparent;
}

.dd-tip {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 364px;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	z-index: 1;
	display: none;
}

.thumb-upload-progress {
	position: absolute;
	height: 80;
	top:8px;
	left:12px;
	width: 80%;
	line-height: 80px;
	font-size: 12px;
	text-align: center;
	z-index: 1;
	background-color: rgba(204, 204, 204, 0.6);
	display: none;
}

.thumb-loading-tip {
	position: absolute;
	height: 80px;
	width: 120px;
	line-height: 80px;
	font-size: 12px;
	text-align: center;
	z-index: 1;
}

.thumb-empty-text {
	text-align: center;
	height: 100%;
	width: 100%;
}

.thumb-empty-text img {
	padding-top: 3px;
}

.thumb-viewer {
	width : 922px;
	height : 568px;
	border-radius: 5px;
	border: #99bbe8 1px solid;
}

.thumb-viewer-wrap{
	overflow : auto;
	position:relative;
	float : left;
	width: 720px;
	height: 480px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,
	187, 232, 0.6) ), color-stop(50%, rgba(153, 187, 232, 0.9) ),
	color-stop(0%, rgba(153, 187, 232, 0.6) ) );
}

.thumb-viewer-wrap img{
	border-radius: 5px;
}

.thumb-viewer-info{
	position:relative;
	border-left: #99bbe8 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,
	187, 232, 0.6) ), color-stop(50%, rgba(153, 187, 232, 0.9) ),
	color-stop(0%, rgba(153, 187, 232, 0.6) ) );
	color: #ffffff;
	height: 480px;
	width: 200px;
	float : left;
	padding-top: 30px;
	padding-left: 6px;
	font-size: 12px;
}
.thumb-viewer-title-tools{
	position: relative;
	float: right;
	width: 100;
	height: 100%;
}

.thumb-viewer-close-item{
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url('../images/icons16/close_btn.png') no-repeat;
	float: right;
	margin-right: 8px;
	margin-top: 6px;
}


.thumb-viewer-title-text{
	font-size: 16px;
	line-height: 40px;
	padding-left: 5px;
	font-weight: bolder;
	color: #ffffff;
	width: 80%;
	float: left;
}

.thumb-viewer-title {
	height: 40px;
	width: 100%;
	cursor: move;
	border-bottom: #99bbe8 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,
		187, 232, 0.6) ), color-stop(50%, rgba(153, 187, 232, 0.9) ),
		color-stop(0%, rgba(153, 187, 232, 0.6) ) );
}

.thumb-viewer-toolbar {
	height:46px;
	width : 100%;
	float : left;
	border-top: #99bbe8 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,
		187, 232, 0.6) ), color-stop(50%, rgba(153, 187, 232, 0.9) ),
		color-stop(0%, rgba(153, 187, 232, 0.6) ) );
}

.thumb-viewer-toolbar  img {
	width: 100%;
	height: 100%;
	background: transparent url(../images/icons16/sprits.png) repeat 0px 496px;
}

.thumb-viewer-toolbar .toolbar-item {
	width: 32px;
	height: 29px;
	margin: 5px 5px;
	background: transparent url(../images/icons16/sprits.png) no-repeat 0 -192px;
	vertical-align: middle;
	cursor: pointer;
}

.thumb-viewer-toolbar .toolbar-nav {
	background-position: -33px -192px;
	vertical-align: middle;
	width: 55px;
	height: 35px;
}

.thumb-viewer-toolbar .toolbar-item-over{
	background-position: 0px -228px;
}

.thumb-viewer-toolbar .toolbar-nav-over{
	background-position: -33px -228px;
}

.thumb-viewer-toolbar .toolbar-nav-prev img {
	background-position: 0px 406px;
}

.thumb-viewer-toolbar .toolbar-nav-prev-click img{
	background-position: 2px 408px;
}

.thumb-viewer-toolbar .toolbar-nav-prev-disable{
	cursor: default;
}

.thumb-viewer-toolbar .toolbar-nav-prev-disable img{
	background-position: 0px 370px;
}

.thumb-viewer-toolbar .toolbar-nav-next img {
	background-position: -56px 406px;
}

.thumb-viewer-toolbar .toolbar-nav-next-click img{
	background-position: -54px 408px;
}

.thumb-viewer-toolbar .toolbar-item-zoom-in img{
	background: transparent url(../images/icons16/sprits.png) repeat -34px 0px;
}

.thumb-viewer-toolbar .toolbar-item-zoom-in-click img{
	background: transparent url(../images/icons16/sprits.png) repeat -32px 2px;
	background-repeat: no-repeat;
}

.thumb-viewer-toolbar .toolbar-item-zoom-out img{
	background: transparent url(../images/icons16/sprits.png) repeat -67px 0px;
}

.thumb-viewer-toolbar .toolbar-item-zoom-out-click img{
	background: transparent url(../images/icons16/sprits.png) repeat -65px 2px;
	background-repeat: no-repeat;
}

.thumb-viewer-toolbar .toolbar-item-rotate-left img{
	background: transparent url(../images/icons16/sprits.png) repeat -99px 0px;
}

.thumb-viewer-toolbar .toolbar-item-rotate-left-click img{
	background: transparent url(../images/icons16/sprits.png) repeat -97px 2px;
	background-repeat: no-repeat;
}

.thumb-viewer-toolbar .toolbar-item-rotate-right img{
	background: transparent url(../images/icons16/sprits.png) repeat -133px 0px;
}

.thumb-viewer-toolbar .toolbar-item-rotate-right-click img{
	background: transparent url(../images/icons16/sprits.png) repeat -131px 2px;
	background-repeat: no-repeat;
}


.ablum {
	background: url("../images/icons16/photo.png") transparent;
}

.ablum_upload {
	background: url("../images/icons16/picture_save.png") transparent;
}

.ablum_clear {
	background: url("../images/icons16/picture_empty.png") transparent;
}

.ablum_add {
	background: url("../images/icons16/picture_add.png") transparent;
}

.ablum_delete {
	background: url("../images/icons16/picture_delete.png") transparent;
}

.ablum_photos {
	background: url("../images/icons16/photos.png") transparent;
}

.ablum_refresh {
	background: url("../images/icons16/refresh.gif") transparent;
}